.ellipse {
	overflow: hidden;
	word-break: break-all;
	display: -webkit-box;
	-webkit-box-orient: vertical
}

.ellipse.is-1 {
	-webkit-line-clamp: 1;
	height: 1.5em
}

.ellipse.is-2 {
	-webkit-line-clamp: 2;
	height: 3em
}

.ellipse.is-3 {
	-webkit-line-clamp: 3;
	height: 4.5em
}

.ellipse.is-4 {
	-webkit-line-clamp: 4;
	height: 6em
}

.ellipse.is-5 {
	-webkit-line-clamp: 5;
	height: 7.5em
}

.ellipse.is-6 {
	-webkit-line-clamp: 6;
	height: 9em
}

.omit {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

:root {
	--main-color: #0075c2;
	--border-color: #e9e9e9
}

:focus:not(:focus-visible) {
	outline: 0
}

.a-button {
	display: inline-block;
	line-height: 20px;
	font-size: .875rem;
	text-align: center;
	border-radius: 4px;
	border: 1px solid #d9d9d9;
	padding: 6px 20px;
	min-width: 50px;
	color: #666;
	background-color: #fafafa;
	background-repeat: no-repeat;
	background-position: 50%;
	text-decoration: none;
	transition: border-color .15s,background-color .15s,opacity .15s;
	cursor: pointer;
	overflow: visible
}

.a-button:hover {
	border-color: var(--main-color);
	color: var(--main-color)
}[data-button-type=primary] {
	border: 1px solid #0075c2;
	background-color: #0075c2;
	color: #fff
}[data-button-type=primary]:hover {
	background-color: #00589c;
	border-color: #00589c;
	color: #fff
}[data-button-type=primary]:active {
	background-color: #003f75;
	border-color: #003f75
}

.circle {
	width: 16px;
	height: 16px;
	background: #fff;
	display: block;
	border-radius: 50%
}

.tac {
	text-align: center
}

.t-line {
	height: 1px;
	background: #d9d9d9
}

.bg-53b2f1 {
	background-color: #53b2f1
}

.bg-0075c2 {
	background-color: #0075c2
}

.bg-17cec8 {
	background-color: #17cec8
}

.bg-ffc47f {
	background-color: #ffc47f
}

.bg-ff8a00 {
	background-color: #ff8a00
}

.bg-8be6e3 {
	background-color: #8be6e3
}

.bg-gray {
	background-color: #f4f4f4
}

.disabled {
	opacity: .4;
	filter: alpha(opacity=40);
	cursor: not-allowed
}

.ripple {
	position: relative;
	overflow: hidden;
	transform: translateZ(0)
}

.ripple:after {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	pointer-events: none;
	background-image: radial-gradient(circle,#000 10%,transparent 10.01%);
	background-repeat: no-repeat;
	background-position: 50%;
	transform: scale(10);
	opacity: 0;
	transition: transform .5s,opacity 1s
}

.ripple:active:after {
	transform: scale(0);
	opacity: .2;
	transition: 0s
}

.image {
	display: block;
	position: relative
}

.image img {
	display: block;
	height: auto;
	width: 100%
}

.image img.is-rounded {
	border-radius: 50%
}

.image img.border-dcdcdc {
	border: 1px solid #dcdcdc
}

.card {
	-webkit-perspective: 150rem;
	perspective: 150rem;
	-moz-perspective: 150rem;
	position: relative
}

.card__side {
	-webkit-transition: all .8s ease;
	transition: all .8s ease;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 1px 1px 5px 1px #e9e9e9
}

.card__side--back {
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg)
}

.card:hover .card__side--front-1 {
	-webkit-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

.card:hover .card__side--back {
	-webkit-transform: rotateY(0);
	transform: rotateY(0)
}

.has-text-orange {
	color: #ff8a00
}

.has-background-orange {
	background-color: #ff8a00
}

.has-text-turquoise {
	color: #00d1b2
}

.has-background-turquoise {
	background-color: #00d1b2
}

.grid-border.of-3>* {
	border: 1px solid #ededed;
	margin-inline-start: -1px!important;
	margin-block-start: -1px!important
}

.grid-border.of-3>:nth-child(3n+1) {
	margin-inline-start: 0
}

.grid-border.of-3>:nth-child(3-n) {
	margin-block-start: 0
}

.left-divider {
	display: inline-flex;
	background-color: #0075c2;
	width: .2em;
	height: .9em;
	margin-right: .5em;
	vertical-align: -.1em
}

ol,ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.headerv2 {
	--height: 65px;
	max-width: 1344px;
	background: #fff;
	margin: 0 auto;
	display: flex;
	font-size: 14px;
	height: 65px
}

:target {
	padding-top: 65px
}

.headerv2-logo-a {
	display: flex;
	align-items: center;
	margin-right: 13px
}

.headerv2-logo-a>img {
	display: block;
	width: 100%;
	object-fit: cover;
	object-position: center
}

.headerv2-r {
	display: flex;
	margin-left: auto
}

.divider {
	display: inline-flex;
	vertical-align: -.1em;
	background-color: #d9d9d9;
	width: 2px;
	margin: 0 .75em;
	height: .9em;
	align-self: center
}

.headerv2-nav {
	margin-right: auto;
	display: flex
}

.headerv2-nav>li {
	list-style: none
}

.headerv2-nav>li>a {
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center
}

.headerv2-nav-result a:hover,.headerv2-nav>li>a:hover {
	color: inherit
}

.fixed-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 201;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
	background: #fff
}

.select-container {
	text-align: center
}

.select-container:hover .headerv2-nav-result {
	display: block
}

.headerv2-nav-title.actived,.select-container:active .headerv2-nav-title,.select-container:focus .headerv2-nav-title,.select-container:hover .headerv2-nav-title {
	font-weight: 700
}

.headerv2-nav-title {
	color: #666;
	height: 100%;
	display: flex;
	justify-content: center;
	padding-left: 20px;
	padding-right: 20px;
	align-items: center
}

.headerv2-nav-title>i {
	margin-left: 10px;
	font-size: .75rem;
	transform: rotate(0deg);
	transition: transform .15s
}

.headerv2-nav-result {
	display: none;
	position: absolute;
	width: fit-content;
	list-style: none;
	color: #5e5e5e;
	z-index: 999;
	text-align: left;
	border-radius: 4px;
	background-color: #fff;
	border: 1px solid #d9d9d9;
	box-shadow: 2px 2px 15px rgba(0,0,0,.15)
}

.headerv2-nav-result>li {
	line-height: 40px;
	padding-left: 20px;
	padding-right: 20px;
	font-weight: 400
}

.headerv2-nav-result>li:not(:first-child) {
	border-top: 1px solid #f8f8f8
}

.headerv2-nav-result>li:hover {
	background-color: #f0f0f0
}

.headerv2-nav-result a {
	display: block;
	color: inherit;
	text-decoration: none
}

.headerv2-r>* {
	align-self: center
}

.headerv2-r .headerv2-nav-result>:first-child {
	color: #999
}

.headerv2-r .headerv2-nav-result>:first-child:hover {
	background-color: #fff
}

.headerv2-nav>li:hover .headerv2-nav-title {
	font-weight: 700
}

.search-type {
	padding-right: 24px;
	position: relative;
	font-size: 14px;
	display: block;
	color: #999;
	cursor: pointer;
	user-select: none
}

.search-menu {
	overflow: hidden;
	box-shadow: 2px 2px 15px rgba(0,0,0,.15);
	position: absolute;
	border-radius: 0 0 4px 4px;
	padding: 10px 0;
	top: 26px;
	left: 0;
	width: 100%;
	background-color: #fff;
	z-index: 1
}

.search-menu li {
	padding: 0
}

.search-menu li a {
	cursor: pointer;
	display: block;
	padding: 0 15px;
	color: #666;
	background: #fff;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.search-menu li a:hover {
	background-color: #f0f0f0
}

.dropdown-icon {
	position: absolute;
	display: block;
	font-size: .7em!important;
	top: 0;
	right: 0
}

.search-container {
	width: 200px;
	position: relative;
	display: flex;
	height: 27px;
	padding: 0 10px;
	border-radius: 4px;
	align-items: center;
	line-height: 1.5em;
	border: 1px solid #d9d9d9
}

.search-input-wrap {
	display: flex;
	flex: 1
}

.search-input {
	outline: 0;
	color: #000;
	border: none;
	width: 100%;
	padding-left: 10px
}

::placeholder {
	color: #d9d9d9;
	opacity: 1
}

.search-input-icon {
	color: #d9d9d9;
	transform: translateY(-2px)
}

.search-input-icon:hover {
	color: #000;
	cursor: pointer
}


@keyframes clipRectSpIn {
	0% {
		clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%)
	}

	to {
		clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0)
	}
}

.fixfw:after {
	display: block;
	content: attr(title);
	font-weight: 700;
	visibility: hidden;
	color: transparent;
	line-height: 1px;
	overflow: hidden
}

.rightBars {
	width: 82px;
	position: fixed;
	top: 50%;
	right: 0;
	border: 1px solid #efefef;
	background: #fff;
	z-index: 999;
	transform: translate3d(0,-50%,0);
	cursor: pointer;
	text-align: center
}

@media screen and (max-width:1281px) {
	.rightBars {
		width: 50px
	}
}

.rightBars a {
	color: inherit
}

.rightBar-suggest {
	line-height: 39px;
	color: #666;
	border-bottom: 1px solid #efefef
}

.rightBar .bar {
	height: 80px;
	border-bottom: 1px solid #efefef;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative
}

.rightBar-info {
	position: absolute;
	height: 80px;
	width: 100px;
	border: 1px solid #ececec;
	right: 100%;
	background: #fff;
	display: none;
	flex-flow: column;
	cursor: pointer
}

.rightBar-info>* {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1
}

.rightBar-info>:hover,.rightBar-suggest:hover,.rightBar .bar:hover {
	background-color: #f0f0f0
}

.rightBar-info>:nth-child(2n) {
	border-top: 1px solid #ececec
}

.bar:hover .rightBar-info {
	display: flex
}

.rightBar-phone {
	background: url(/images/side_tel.png) no-repeat;
	background-position: 50%;
	background-size: 40px
}

.rightBar .go-top {
	background: url(/images/side_up.png) no-repeat;
	background-position: 50%;
	background-size: 40px;
	cursor: pointer
}

.main-nav {
	margin: 0 auto;
	width: 1200px
}

.main-nav>ul {
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 35px
}

.main-nav>ul>li {
	text-align: center;
	cursor: pointer;
	font-weight: 600;
	min-width: 130px
}

.main-nav>ul>li a {
	color: inherit
}

.main-nav .headerv2-nav-result>li {
	font-size: 12px;
	color: #666;
	line-height: 30px
}

.main-nav .select-container:hover .headerv2-nav-title {
	color: var(--main-color)
}

.main-nav .select-container:hover .headerv2-nav-result {
	border-top: 2px solid var(--main-color)
}

.main-nav>ul>li:first-child {
	background-color: var(--main-color);
	color: #fff;
	font-weight: 500
}

.main-nav>ul>li:first-child>a {
	display: block;
	width: 100%;
	height: 100%
}

.main-nav .headerv2-nav-result>li:hover {
	color: var(--main-color);
	background-color: transparent
}

.main-nav .headerv2-nav-result>li:hover a {
	color: var(--main-color)
}

a:hover {
	color: #363636
}

.footer {
	background-color: #2d2d2d;
	padding: 3rem 1.5rem 2rem
}

.footer .footer_top {
	height: 112px
}

.footer .fo_left {
	float: left;
	width: 800px
}

.footer .fo_left p {
	line-height: 24px
}

.footer .footer_links {
	height: 80px;
	color: #fff;
	line-height: 40px;
	font-size: 14px
}

.footer .footer_links a {
	color: #fff;
	margin: 0 5px
}

.footer .qq-link-icon {
	vertical-align: middle
}

.footer .fo_chart {
	float: right
}


.footer .register-info {
	vertical-align: middle
}

.footer .register-info a {
	display: inline-block;
	background: none 6px 0 no-repeat transparent;
	padding: 0 0 0 39px;
	vertical-align: middle;
	line-height: 1.2;
	width: 90px;
	margin-left: 6px;
	box-sizing: border-box;
	color: #666
}

.footer .register-info a:hover {
	color: #ff8a00
}

.footer .register-info a.-gswj {
	background-image: url(/images/register/gswj.png)
}

.footer .register-info a.-jbzx {
	width: 100px;
	background-image: url(/images/register/jbzx.png)
}

.footer .register-info a.-wljc {
	background-image: url(/images/register/wljc.png)
}

div.clear {
	font: 0 Arial;
	line-height: 0;
	height: 0;
	overflow: hidden;
	clear: both
}

.container {
	flex-grow: 1;
	margin: 0 auto;
	position: relative;
	width: auto
}

@media screen and (min-width:1408px) {
	.container {
		max-width: 1344px
	}
}

.mt50 {
	margin-top: 50px
}

.ml15 {
	margin-left: 15px
}

.mr7 {
	margin-right: 7px
}

.mr10 {
	margin-right: 10px
}

.mw320 {
	min-width: 320px
}

.mb10 {
	margin-block-end: 10px
}

.mb20 {
	margin-block-end: 20px
}

.mb30 {
	margin-block-end: 30px
}

.mb55 {
	margin-block-end: 55px
}

.mb60 {
	margin-block-end: 60px
}

.mb100 {
	margin-block-end: 100px
}

.p40 {
	padding: 40px
}

.pt50 {
	padding-top: 50px
}

.p15rem {
	padding: 1.5rem
}

.pt40 {
	padding-top: 40px
}

.lh35 {
	line-height: 35px
}

.lh47 {
	line-height: 47px
}

.lh40 {
	line-height: 40px
}

.fs12 {
	font-size: 12px
}

.fs14 {
	font-size: 14px
}

.fs16 {
	font-size: 16px
}

.fs20 {
	font-size: 20px
}

.fs30 {
	font-size: 30px
}

.mw10em {
	max-width: 10em
}

.mta {
	margin-block-start: auto
}

.mh35 {
	min-height: 35px
}

.fl {
	float: left
}

a {
	text-decoration: none;
	cursor: pointer
}